// status color
$colorSuccess: #B0C952;
$colorWarning: #FFD522;
$colorDanger: #FC4B38;

// text
$colorText1: #1F242E;
$colorText2: #3E485B;
$colorText3: #6F7C95;
$colorText4: #A3AFC7;
$colorText5: #c0c4cc;// for placeholder
$colorText6: #E2E9F8;
$colorText666: #666;
$colorText999: #999;

// background
$colorBgc1: #1F242E;
$colorBgc2: #6F7C95;
$colorBgc3: #E2E9F8;
$colorBgc4: #F1F5FD;
$colorBgc5: #F5F7FA;// for body

// sidebar
$menuText:#333333;
$menuActiveText:#06C05F;
$subMenuActiveText:#06C05F; //https://github.com/ElemeFE/element/issues/12951
$submenuText: #666666;
$menuBg:#ffffff;
$menuHover:#E3FBEF;

$subMenuBg:#ffffff;
$subMenuHover:#E3FBEF;

$sideBarWidth: 210px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}
